<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>timeline</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/timelineRender.css">
  <style>
    .vco-slider .slider-item .content {
      display: block !important;
    }
  </style>
</head>

<body>
<div class="content-box">
  <div class="timeline-box">
    <div class="btn-box">
      <div class="btn-box-position">
        <input type="file" style="display:none" id="importInput" multiple="multiple" accept=".bib">
        <button class="btnStyle" id="importBtn">导入</button>
        <button class="btnStyle" id="exportJson">导出文件</button>
      </div>
    </div>
    <div id="timeline"></div>
  </div>
  <div class="checkedBox">
    <div class="btnBox">
      <div class="btnBoxPosition">
        <input type="file" style="display:none" id="importCheckedInput" multiple="multiple" accept=".txt">
        <button class="btnStyle" id="importCheckedBtn">导入关键词</button>
        <button class="btnStyle" id="checkedOK">刷新</button>
      </div>
    </div>
    <div class="listBox">
      <div class="title">关键词</div>
      <ul id="dataListLi">
<!--        <li><label><input type="checkbox" name="title" value="title">title</label></li>-->
<!--        <li><label><input type="checkbox" name="note" value="note">note</label></li>-->
<!--        <li><label><input type="checkbox" name="tag" value="tag">tag</label></li>-->
      </ul>
    </div>
  </div>
</div>



  <script type="text/javascript" src="./js/jquery-3.6.0.js"></script>
  <script type="text/javascript" src="./js/storyjs-embed.js"></script>
  <script type="text/javascript" src="./js/timeline.js"></script>
  <script type="text/javascript" src="./js/FileSaver.js"></script>
  <script type="text/javascript" src="./js/bibtexParse.js"></script>
<!--  <script type="text/javascript" src="../js/common.js"></script>-->
  <script type="text/javascript" src="./js/timelineRender.js"></script>
</body>

</html>